﻿    <!-- 模态框 -->
    <div class="modal fade bs-example-modal-lg" id="warning" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg lesson" role="document" style="width:34%">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <div style="text-align:center;clear:both">
                        <div style="font-weight: bolder;font-size: large;">请通过上一知识点再来学习！</div>
                        <br />
                        <div><a href="" style="color:turquoise;text-decoration: underline" ng-click="page_jump()">知识点已学过，让我试试</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end 模态框 -->
    
    <div class="wrap">
        <div class="box" ng-repeat="item in chapterList"  ng-init="outIndex=$index">
            <h5><i></i>{{item.chapter_name}}</h5>
            <ul class="section">
                <li ng-class="{0:'nospacing'}[$index%4]" ng-repeat="x in item.chaptree">
                    <a href="" ng-click="chooseChapter(outIndex,$index)">
                        <span ng-class="{false:'unlock',true:'lock'}[x.islock]"></span>
                        <h5><i></i>{{x.chapter_name}}</h5>
                        <p>
                            <i ng-class="{{x.scores}}>0.1?'light':({{x.scores}}==0.1?'half':'')"></i>
                            <i ng-class="{{x.scores}}>0.3?'light':({{x.scores}}==0.3?'half':'')"></i>
                            <i ng-class="{{x.scores}}>0.5?'light':({{x.scores}}==0.5?'half':'')"></i>
                            <i ng-class="{{x.scores}}>0.7?'light':({{x.scores}}==0.7?'half':'')"></i>
                            <i ng-class="{{x.scores}}>0.9?'light':({{x.scores}}==0.9?'half':'')"></i>
                        </p>
                        <i ng-class="{0:'mountain',1:'tree',2:'fish',3:'bridge',4:'buliding'}[outIndex%5]"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>